var vm = new Vue({
    el: '#app',
    data: {
        taskName: '',//保存输入框中的任务名称
        tasklist: [
            /* { id: 1 , name:'李清照' , status:false } */
        ] //保存新增的任务
    },
    methods: {
        addTask() {
            var obj = { id: this.tasklist.length + 1, name: this.taskName, status: false };
            this.tasklist.push(obj);//添加到任务列表中
            this.taskName = '';//清空输入框
        },
        changeStatus(item) {//更改当前任务的状态
            item.status = !item.status;
        },
        remove(item, index) {
            this.tasklist.splice(index, 1);
        }
    },
    computed: {
        unFinishCount() {//统计未完成任务的数量
            var arr = this.tasklist.filter((item) => {
                return item.status == false;
            })
            return arr.length;
        }
    }
})